<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common.css?01_38"/>
		<link rel="stylesheet" type="text/css" href="../css/templet.css?01_38"/>
		<link rel="stylesheet" type="text/css" href="../fonts/font-awesome.min.css?01_38"/>
		<link rel="stylesheet" type="text/css" href="../mui/css/mui.css?01_38"/>
		
		<script src="../js/common.js?01_38" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="wrap_body order_detail">
			
			<header class="bg-red9 fff f-20 pad-t-5 pad-b-5 pad-l-10 pad-r-10">
				<div class="pa back"><a href="#" onClick="back()"></a></div>
				<div class="center">
					<p class="f-15">001号餐桌</p>
					<p class="f-13">4人</p>
				</div>
				<div class="pa regulate"><a  class="fff f-13 pad-r-10" onclick="batch(this)">批处理</a></div>
			</header>
			
			<div class="content pad-t-45">
				
				<div class="menu">
					
					<div class="item">
						<p class="red9 center pad-t-5 pad-b-5">凉菜（1）</p>
						<div class="bg-fff pad-l-12 pad-r-12 f-13">
							<div class="list cf pad-t-15 pad-b-15 b_no fiex">
								<div class="">
									<div class="ticked mag-r-15">
										<div class="bg-red9"></div>
									</div>
									<div class="num_sort mag-r-15 center">
										1
									</div>
								</div>
								
								<div class="oh fiex1">
									<p>皮蛋拌豆腐</p>
									<div class="mag-t-5 c999">
										<dl class="cf">
											<dt class="fr fiex wrap">
												<div class="f-right number">
													x1
												</div>
												
												<div class="f-right price red9">
													￥23
												</div>
											</dt>
											<dd class="oh">
												
												<p>大份</p>
												<p>加辣</p>
												<div>
													<div>
														<span>炒年糕</span>
														<span class="red9 mag-l-5">x1</span>
													</div>
												</div>
											</dd>
										</dl>
										<div class="r">
											<span class="remark r_01 fl"></span>
											<span class="remark r_02 fl"></span>
											<span class="remark r_03 fl"></span>
											<span class="remark r_04 fl"></span>
											<span class="remark r_05 fl"></span>
										</div>
									</div>
								</div>

								
								
								
								
									
							</div>
							
						</div>
					</div>
					
					
					
					<div class="item">
						<p class="red9 center pad-t-5 pad-b-5">热菜（2）</p>
						<div class="bg-fff pad-l-12 pad-r-12 f-13">
							<div class="list cf pad-t-15 pad-b-15 fiex">
								<div class="pr">
									<div class="ticked mag-r-15">
										<div class="bg-red9"></div>
									</div>
									<div class="num_sort mag-r-15 center">
										2
									</div>
								</div>
								
								<div class="oh fiex1">
									<p>皮蛋拌豆腐</p>
									<div class="mag-t-5 c999">
										<dl class="cf">
											<dt class="fr fiex wrap">
												<div class="f-right number">
													x1
												</div>
												
												<div class="f-right price red9">
													￥23
												</div>
											</dt>
											<dd class="oh">
												
												<p>大份</p>
												<p>加辣</p>
												<div>
													<div>
														<span>炒年糕</span>
														<span class="red9 mag-l-5">x1</span>
													</div>
												</div>
											</dd>
										</dl>
										<div class="fiex">
											
											<div class="r">
												<span class="remark r_01 fl"></span>
												<span class="remark r_02 fl"></span>
												<span class="remark r_03 fl"></span>
												<span class="remark r_04 fl"></span>
												<span class="remark r_05 fl"></span>
											</div>
											<div id="">
												不吃姜，多放料
											</div>
										</div>
									</div>
								</div>
									
							</div>
							<div class="list cf pad-t-15 pad-b-15 fiex">
								<div class="">
									<div class="ticked mag-r-15">
										<div class="bg-red9"></div>
									</div>
									<div class="num_sort mag-r-15 center">
										3
									</div>
								</div>
								
								<div class="oh fiex1">
									<p>皮蛋拌豆腐</p>
									<div class="mag-t-5 c999">
										<dl class="cf">
											<dt class="fr fiex wrap">
												<div class="f-right number">
													x1
												</div>
												
												<div class="f-right price red9">
													￥23
												</div>
											</dt>
											<dd class="oh">
												
												<p>大份</p>
												<p>加辣</p>
												<div>
													<div>
														<span>炒年糕</span>
														<span class="red9 mag-l-5">x1</span>
													</div>
												</div>
											</dd>
										</dl>
										<div class="r">
											<span class="remark r_01 fl"></span>
											<span class="remark r_02 fl"></span>
											<span class="remark r_03 fl"></span>
											<span class="remark r_04 fl"></span>
											<span class="remark r_05 fl"></span>
										</div>
									</div>
								</div>
									
							</div>
							
						</div>
					</div>
					
					
					<div class="item">
						<p class="red9 center pad-t-5 pad-b-5">酒水（1）</p>
						<div class="bg-fff pad-l-12 pad-r-12 f-13">
							<div class="list cf pad-t-15 pad-b-15 fiex">
								<div class="">
									<div class="ticked mag-r-15">
										<div class="bg-red9"></div>
									</div>
									<div class="num_sort mag-r-15 center">
										4
									</div>
								</div>
								
								<div class="oh fiex1">
									<p>皮蛋拌豆腐</p>
									<div class="mag-t-5 c999">
										<dl class="cf">
											<dt class="fr fiex wrap">
												<div class="f-right number">
													x1
												</div>
												
												<div class="f-right price red9">
													￥23
												</div>
											</dt>
											<dd class="oh">
												
												<p>大份</p>
												<p>加辣</p>
												<div>
													<div>
														<span>炒年糕</span>
														<span class="red9 mag-l-5">x1</span>
													</div>
												</div>
											</dd>
										</dl>
										<div class="r">
											<span class="remark r_01 fl"></span>
											<span class="remark r_02 fl"></span>
											<span class="remark r_03 fl"></span>
											<span class="remark r_04 fl"></span>
											<span class="remark r_05 fl"></span>
										</div>
									</div>
								</div>
									
							</div>
						</div>
					</div>
					
					
					
				</div>
			</div>
			
			<div class="center bg-fff end pad-t-18 pad-b-18 pad-b-60 pad-l-12 pad-r-12 fiex">
				<hr class="fiex1"/><div class="mag-l-5 mag-r-5 c999">End</div><hr class="fiex1"/>
			</div>	
			
			<!--间隔-->
			<div class="bank10 bg-grayF5"></div>
			
			<!--全选-->
			<div class="bg-fff cf center opt f-13 hide">
				<div class="col-sm-3 cf pad-t-15 pad-b-15 pad-l-12">
					<div class="ticked fl">
						<div class="bg-red9"></div>
					</div>
					<div class="oh">
						全选
					</div>
				</div>
				<div class="col-sm-3 pad-t-15 pad-b-15">
					打包
				</div>
				<div class="col-sm-3 pad-t-15 pad-b-15">
					稍后上菜
				</div>
				<div class="col-sm-3 pad-t-15 pad-b-15">
					删除
				</div>
			</div>
			
			<!--整单打包和稍后上菜-->
			<div class="cf all bg-fff center">
				<div class="col-sm-6 pad-t-15 pad-b-15 pack">
					<p><span class="bg pr mag-r-15"></span><span>整单打包</span></p>
				</div>
				<div class="col-sm-6 pad-t-15 pad-b-15 wait">
					<p><span class="bg bg_02 pr mag-r-15"></span><span>整单稍后上菜</span></p>
				</div>
			</div>
			
			
			<div class="bg-fff pad-l-12 pad-r-12 f-13 mag-b-70">
				<p class="fiex">
					<span>整单备注：</span>
					<input type="" name="" id="" value="" placeholder="备注信息" class=" pad-t-20 pad-b-20 fiex1"/>
				</p>
			</div>
			
			<div class="fiex bg-fff pay">
				<div class="red9 fiex4 pad-l-12">￥26.00</div>
				<div class="fiex3 center"><a href="" class=" bg-yellow fff pad-t-15 pad-b-15 col-sm-12">拒绝</a></div>
				<div class="fiex3 center"><a href="checkoutSuccess.html" class=" bg-red9 fff pad-t-15 pad-b-15 col-sm-12">确认并下厨</a></div>
			</div>
		</div>
	</body>
	
	
	<script type="text/javascript">
		var ticked = document.querySelectorAll(".ticked");
		var num_sort = document.querySelectorAll(".num_sort");
		var all = document.querySelector(".all");
		var opt = document.querySelector(".opt");
//		console.log(num_sort)
		function batch (el) {
//			console.log(el.innerText)


				if (el.innerText == "批处理") {
					for (var i=0; i<ticked.length; i++) {
					
						console.log(num_sort[i])
						ticked[i].style.display = "block";
						num_sort[i].style.display = "none";
						el.innerText = "完成";
					}
					all.style.display = "block";
					opt.style.display = "none";
					
				}else {
					for (var i=0; i<ticked.length; i++) {
					
//						console.log(i+"2")
						
						ticked[i].style.display = "none";
						num_sort[i].style.display = "block";
						el.innerText = "批处理";
					}
					all.style.display = "none";
					opt.style.display = "block";
				}

		}
	</script>
</html>
